/* read.php stylesheet for non-IE browser (mainly Firefox) */
/* Drop all margin, padding. Set basic font size to 15px */

*	{
	margin:0;
	padding:0;
	font-size:15px;
}

body	{
	background-color: #570000;
	}

#outside-border	{
  border-color: #880000;
  border-style:solid;
	border-width:0 0.2em 0.3em 0;
	padding:1em;
	margin:0.8em;
	background-color:#F9F9F9;
	color:#161616;
	}

.banner  {
  position:absolute;
  display:block;
  width:88px;
  height:93px;
  background-image:url("images/logo2.jpg");
  background-repeat:no-repeat;
  background-position:center;
  margin-left:5em;
  opacity:0.55;
  }

#main  {
  margin:0 2em 0 16em;
  }

/* 基本排版 */
.title  {
  font-size:2em;
  margin:1em 0 1.3em 0;
  }

.content_title  {
  font-size:1.4em;
  margin:2em 0 1em 0.5em;
  }

.content_title a  {
  font-size:1em;
  text-decoration:none;
  color:#550000;
  }
	
.contents  {
  line-height:1.44em;
  text-indent:2.2em;
  letter-spacing:0.1em;
  font-size:1em;
}

.contents p {
  margin-top:1em;
  }
  
#sidelink_menu {
    position:absolute;
    top:120px;
    left:2.6em;
    display:block;
    width:13em;
}

.sidelink_title {
    display:block;
    width:100%;
    padding:0.32em 0;
    background-color:#212121;
    color:#FFFFFF;
    text-align:center;
    letter-spacing:0.6em;
}

.sidelink   {
    display:block;
    margin-left:1em;
    margin-right:1em;
    text-align:center;
    background-color:black;
}

.sidelink a  {
  display:block;
  width:100%;
  margin:0.1em auto;
  padding:0.25em 0;
  text-decoration:none;
  background-color:#990000;
  color:white;
  border-width:0 0.2em 0.3em 0;
  border-color:#550000;
  border-style:solid;
  }

.sidelink a:visited  {
  background-color:#550000;
  border-color:#330000;
  }

.sidelink a:hover  {
  border-width:0.3em 0 0 0.2em;
  color:#FFFFFF;
  background-color:#990000;
  }

.links  {
    position:absolute;
    display:block;
    top:24px;
    right:6em;
}

.links a    {
    margin-left:0.6em;
}

.turn_page  {
  text-align:center;
  }

.page_prev  {
  display:block;
  }

.page_index  {
  display:block;
  margin:0.6em 0;
  }

.page_next  {
  display:block;
  }

.hotkey  {
  margin:0 auto;
  width:90%;
  line-height:1.3em;
  }

.hotkey span  {
  display:block;
  }

.trademark  {
    text-align:right;
    font-style:italic;
    margin:0.4em 1.6em 0 0;
}

/* CSS for read.php */

*/ change font to 標楷 or sans serif */

.change-font{
  font-family:"標楷體", "AR PL KaitiM Big5", sans-serif;
  }

/* change text indent and font for poem */

.poem  {
  margin-top:1em;
  margin-left:4em;
  text-indent:0;
  font-family:"標楷體", "AR PL KaitiM Big5", sans-serif;
  }

.comment  {
  display:block;
  margin-top:2em;
  font-size:0.8em;
  font-style:bold;
  }

.comment span{
  display:block;
  }

hr  {
  width:10em;
  margin:2em auto;
  }

/* 流動式文章列表 */

div.pp  {
  width:15em;
  float:left;
  }

div.pp .content_title  {
  margin:0.6em 0;
  }

div.pp .contents  {
  margin-bottom:1em;
  }  

div.spacer {
  clear: both;
  }